<template>
  <div class="DetailSwiper">
   <swiper>
      <swiperItem v-for="item in topImages"  class="itemImg">
         <img :src="item" alt="">
      </swiperItem>
   </swiper>
  </div>
</template>

<script>

import { Swiper, SwiperItem } from '@/components/common/swiper'
  export default {
  name:'DetailSwiper',
  components:{
     Swiper,
     SwiperItem,
  },
  props:{
    topImages:{
        type:Array,
        default(){
        return []
        }
  }
  }







  }
</script>

<style  scoped>
/* .DetailSwiper{
height: 300px;

} */
/* .DetailSwiper img{
height: 300px;

} */
.itemImg{
height: 250px;
}

</style>
